<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title></title>
    <style type="text/css">
        .div1{
            width: 640px;
            margin: 150px auto;
            padding: 0px;
            text-align: center;
        }

        img{
            height: 135px; 
            width:272px;
            margin-bottom: 20px;
        }
        .div2{
            height: 35px;
            width:540px;
            margin:auto;
            box-sizing: border-box;/**/
            float: left;/*通过浮动来解决错位问题*/
        }
        .div3{
            height: 35px;
            width: 100px; 
            background-color: #3385ff;
            border:none;
            margin-left: 0px;
            color: #fff;
            font-size: 15px;/*调节字体大小*/
            float: left;
        }

    </style>
</head>

<body >

<form >
 
<div class="div1">
   <img src="1.png" >
    <input type="text" class="div2" >
   <input type="button" class="div3" value="百度一下" > 
    </div>

</form>

</body>

</html>